<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <!-- css 文件 -->
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/foundation/5.5.3/css/foundation.min.css">

    <!-- jQuery 库 -->
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>

    <!-- JavaScript 文件 -->
    <script src="http://cdn.static.runoob.com/libs/foundation/5.5.3/js/foundation.min.js"></script>

    <!-- modernizr.js 文件 -->
    <script src="http://cdn.static.runoob.com/libs/foundation/5.5.3/js/vendor/modernizr.js"></script>
</head>
<body>
<div class="row" style="border-bottom: 1px solid white">
    <nav class="top-bar" data-topbar>
        <ul class="title-area">
            <li class="name">
                <!-- 如果你不需要标题或图标可以删掉它 -->
                <h1><a href="<{:U('Index/index')}>">后台管理</a></h1>
            </li>
            <!-- 小屏幕上折叠按钮: 去掉 .menu-icon 类，可以去除图标。
            如果需要只显示图片，可以删除 "Menu" 文本 -->
            <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
        </ul>

        <section class="top-bar-section">

            <ul class="right">
                <if condition="$Think.session.name eq null">
                    <li><a href="<{:U('Login/login')}>">登录</a></li>
                    <else />
                    <li><a href="">欢迎<{$Think.session.name}></a></li>
                    <li><a href="<{:U('Login/logout')}>">退出</a></li>
                </if>
            </ul>
        </section>
    </nav>
</div>
<div class='row'>
    <div class="medium-2 columns" style="height:700px;background-color:rgb(51,51,51) ">
        <ul class="side-nav">
            <volist name="menus" id="menus">
                <li class="t_<{$menus['up']}>_none" onclick="<{$menus['up']?'':'menuss(this)'}>" id="t_<{$menus['menu_id']}>" style="<{$menus['up']?'display:none;text-align:center':'border:1px rgb(200,200,200) solid;text-align:center;border-radius:10px;background-color:rgb(220,220,200)'}>" >
                    <a href=<{$menus['up']?U($menus['url']):"javascript:void(0)"}> target="<{$menus.target}>" >
                        <{$menus.mname}>
                    </a>
                </li>
            </volist>
        </ul>
    </div>
    <div class="medium-10 columns">
        <block name="content">

        </block>
    </div>
</div>
<!-- 初始化 Foundation JS -->
<script>
    $(document).ready(function() {
        $(document).foundation();
    })
    function menuss(a){
       ab=a.id+'_block';
        an=a.id+'_none';
        if($('.'+ab)['length']){
            $('.'+ab).hide();
            $('.'+ab).addClass(an);
            $('.'+ab).removeClass(ab);
        }else{
            $('.'+an).show();
            $('.'+an).addClass(ab);
            $('.'+ab).removeClass(an);
        }
    }
</script>
</body>
</html>
